@mixin ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@mixin ellipsisTwo {
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@mixin center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@mixin hCenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@mixin vCenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@mixin slideEnter {
  .slide-enter,
  .slide-leave-to {
    transform: translateX(100%);
  }

  .slide-enter-to,
  .slide-leave {
    transform: translateX(0);
  }

  .slide-enter-active,
  .slide-leave-active {
    transition: all 0.3s;
  }
}